@charset "utf-8";
html{ font-size:200px;}
.rest(){
	margin:0;
	padding:0;
	}	
body{
	background:#D01BCF;
	}
	
.div1{
	@w:300px;
	@h:200px;
	@white:#fff;
	@border-width:2px;
	width:@w;
	height:@h;
	border:@border-width #80E0FE solid;
	.div2 {
		width:100px;
		color:#fff;
		height:100px;
		background:#000000;
		
		a{ 
		text-decoration:none;
		color:@white;
		font-size:@fz24;
		&:hover{
			color:#D01BCF;
			}
		  }
		}
		.bg(#fff);
		box-sizing:border-box;
	}

.bg(@bgcolor:#80E0FE){
	background:@bgcolor;
	}
@fz24:24px;
.sanjiao{
	width:0;
	height:0;
	overflow:hidden;
	border-width:10px;
	border-style:dashed dashed dashed solid;
	border-color:transparent transparent transparent #80E0FE;
	}
@color:#D01BCF;
.sanjiaoR(right,@color:#000, @num:40px){
	width:0;
	height:0;
	overflow:hidden;
	border-width:@num;
	border-style:dashed dashed dashed solid;
	border-color:transparent transparent transparent @color;
	}
.sanjiaoL(left,@color:#000, @num:40px){
	width:0;
	height:0;
	overflow:hidden;
	border-width:@num;
	border-style: dashed solid dashed dashed;
	border-color:  transparent @color transparent transparent ;

	}
.sanjiaoT(top,@color:#000, @num:40px){
	width:0;
	height:0;
	overflow:hidden;
	border-width:@num;
	border-style:dashed dashed solid dashed;
	border-color: transparent  transparent @color transparent ;
	}
.sanjiaoB(bottom,@color:#000, @num:40px){
	width:0;
	height:0;
	overflow:hidden;
	border-width:@num;
	border-style: solid dashed dashed  dashed;
	border-color:@color transparent  transparent transparent ;
	}
.sj{
	.sanjiaoR(right)
	}
.sj-l{
	.sanjiaoL(left);
	
	}

.fontSize{
	font-size:@fz24 - 10em;//加减运算符需要左右留出空格；否则报错；
	}

.box-shadow{
	width:200px;
	height:200px;
	background:#E07D7F;
.boxShadow(@all);
	}
	@all:0 0 3px #000;
.boxShadow(@all){
	  
	-moz-box-shadow:@all;

	-webkit-box-shadow:@all;
		box-shadow:@all;
	}
	
	
 @rem:40rem	;
.box{
	width:40/@rem;
	height:40/@rem;
	border:1px solid #000;
	}
.div{
	&_div{
		width:100px;
		height:100px;
		background:#000;
		}
	}